<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link href="../resources/css/bootstrap.min.css" rel="stylesheet">
<title>Administrar</title>
</head>
<body>
	 <div class="container">

      <!-- Static navbar -->
      <nav class="navbar navbar-default">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Mantenimiento</a>
          </div>
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <!-- Inicio -->  	
              <li class="active"><a href="principal.jsp">Inicio</a></li>
              <!-- menu Servicio -->
              <li class="dropdown">
              	<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Servicio<span class="caret"></span></a>
              	<ul class="dropdown-menu" role="menu">
              		<li><a href="servicios/registra.jsp">Registrar</a></li>
                  	<li><a href="servicios/consulta.jsp">Consultar</a></li>
              	</ul>
              </li>
              <!-- menu Juegos -->
              <li class="dropdown">
              	<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Juegos<span class="caret"></span></a>
              	<ul class="dropdown-menu" role="menu">
              		<li><a href="juegos/registra.jsp">Registrar</a></li>
                  	<li><a href="juegos/consulta.jsp">Consultar</a></li>
              	</ul>
              </li>
              
              <!-- menu dia de campo -->
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dia de Campo<span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#">Consultar</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li class="dropdown-header">Nav header</li>
                  <li><a href="#">Separated link</a></li>
                  <li><a href="#">One more separated link</a></li>
                </ul>
              </li>
              <!-- Menu Ofertas -->
              <li class="dropdown">
              	<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Ofertas<span class="caret"></span></a>
              	<ul class="dropdown-menu" role="menu">
              		<li><a href="ofertas/registra.jsp">Registrar</a></li>
                  	<li><a href="ofertas/consulta.jsp">Consultar</a></li>
              	</ul>
              </li>
              <!-- fin menu -->
              
            </ul>
            <ul class="nav navbar-nav navbar-right">              
              <li><a href="#">Salir</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->
      </nav>

      <!-- Main component for a primary marketing message or call to action -->
      <div class="jumbotron">
        <h2>Administrar sistema</h2>
        <p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
        <p>
          <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">View navbar docs &raquo;</a>
        </p>
      </div>

    </div> <!-- /container -->
    
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="../resources/js/bootstrap.min.js"></script>
</body>
</html>